<template>
  <div>
    <el-card header="新增下载" shadow="never">
      <el-form ref="form" :inline="true" :model="formParam" label-width="180px">
        <el-row :gutter="24">
          <el-col :span="12">
            <el-form-item label="故障等级" prop="faultLevel">
              <el-select
                  style="width:100%;"
                  v-model.trim="formParam.faultLevel"
                  placeholder="请选择故障等级"
              >
                <el-option
                    v-for="item in dataTypeList"
                    :key="item"
                    :value="item"
                >{{ item }}
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="开始时间~结束时间" prop="date">
              <el-date-picker
                  v-model.trim="formParam.date"
                  end-placeholder="结束时间"
                  format="YYYY-MM-DD HH:mm:ss"
                  range-separator="--"
                  start-placeholder="开始时间"
                  type="datetimerange"
              />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </el-card>
  </div>
</template>

<script setup>
import {reactive, ref} from "vue";

const form = ref()
let formParam = ref({})
const dataTypeList = ['0', '1', '2', '3',]

</script>

<style lang="scss" scoped>
.el-input-group__append button.el-button {
  border-color: var(--el-button-border-color) !important;
  background-color: var(--el-button-bg-color) !important;
  color: var(--el-button-text-color) !important;
}

.el-input-group__append button.el-button:hover {
  border-color: var(--el-button-hover-border-color) !important;
  background-color: var(--el-button-hover-bg-color) !important;
}
</style>
